<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>和茶网</title>
    <link rel="shortcut icon" href="../images/favicon.ico" type="x-icon">
    <link rel="stylesheet" href="../styles/bootstrap.min.css">
    <link rel="stylesheet" href="../styles/reset.css">
    <link rel="stylesheet" href="../styles/main.css">
    <!--[if lt IE 9]>
  <!--html5shiv.js 实现html语义化标签的支持-->
    <script src="../scripts/html5shiv.js"></script>
    <!--respond.js实现响应式布局的支持，包括媒体查询等-->
    <script src="../scripts/respond.min.js"></script>
    <![endif]-->

</head>
<body>

<!--======================================工具栏=======================================-->
<section class="toolbar">
    <div class="container">
        <ul class="leftBar toolbar-left">
            <li><a href="javascript:void (0)">收藏</a></li>
            <li><span>|</span></li>
            <li><span>欢迎！</span></li>
            <li><a href="javascript:void (0)">登录</a></li>
            <li><a href="javascript:void (0)">快速注册</a></li>
        </ul>
        <ul class="rightBar toolbar-right">
            <li class="shop-car"><a href="javascript:void (0)">购物车0件</a><i class="caret"></i></li>
            <li><a href="javascript:void (0)">我的和茶</a></li>
            <li><a href="javascript:void (0)">我的订单</a></li>
            <li><a href="javascript:void (0)">关于和茶</a></li>
            <li><a href="javascript:void (0)">帮助</a></li>
            <li><a href="javascript:void (0)">茶百科</a></li>
            <li><span>|</span></li>
            <li class="two-code"><a href="javascript:void (0)">&nbsp;</a></li>
        </ul>
    </div>
</section>

<!--======================================logo区=======================================-->
<header class="container">
    <div class="logoArea leftBar">
        <h1>
            <a class="logo" href="javascript:void (0)">
                <img src="../images/logo.png" alt="和茶网">
                <span class="logo_text">和茶网</span>
            </a>
        </h1>
    </div>
    <div class="search-box leftBar">
        <input type="text" class="search">
        <button type="submit" class="submit">搜索</button>
        <div class="search-info">
            <ul>
                <li>热门：</li>
                <li><a href="javascript:void (0)">金骏眉</a></li>
                <li><a href="javascript:void (0)">铁观音</a></li>
                <li><a href="javascript:void (0)">大红袍</a></li>
                <li><a href="javascript:void (0)">西湖龙井</a></li>
                <li><a href="javascript:void (0)">普洱茶</a></li>
            </ul>
        </div>
    </div>
    <div class="info rightBar">
        <dl>
            <dd><img src="../images/top_ico11.png" alt=""></dd>
            <dt>100%原地产茶</dt>
        </dl>
        <dl>
            <dd><img src="../images/top_ico12.png" alt=""></dd>
            <dt>品质有保障</dt>
        </dl>
        <dl>
            <dd><img src="../images/top_ico13.png" alt=""></dd>
            <dt>无理由退换货</dt>
        </dl>
        <dl class="contact">
            <dd><img src="../images/top_ico14.png" alt=""></dd>
            <dt>400-8899-379</dt>
        </dl>
    </div>
</header>




<!--======================================导航区=======================================-->
<nav class="navbar navbar-default" role="navigation">
    <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#"><img src="../images/logo.png" alt=""></a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="container">
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li class="sorts">
                        <a href="javascript:void (0)">全部商品分类 &gt;&gt;</a>
                        <ul class="sorts-content">
                            <li class="clearfix sorts-one">
                                <div class="sorts-title">
                                    <a href="javascript:void (0)">
                                        <i>&nbsp;</i>各地名优茶
                                    </a>
                                </div>
                                <dl class="clearfix big-menu">
                                    <dt>热门</dt>
                                    <dd>
                                        <a href="javascript: void (0)">西湖龙井</a>
                                        <a href="javascript: void (0)">金骏眉</a>
                                        <a href="javascript: void (0)">大红袍</a>
                                        <a href="javascript: void (0)">铁观音</a>
                                    </dd>
                                </dl>
                                <dl class="clearfix big-menu">
                                    <dt>名茶</dt>
                                    <dd>
                                        <a href="javascript: void (0)">红茶</a>
                                        <a href="javascript: void (0)">绿茶</a>
                                        <a href="javascript: void (0)">乌龙茶</a>
                                        <a href="javascript: void (0)">黑茶</a>
                                        <a href="javascript: void (0)">白茶</a>
                                    </dd>
                                </dl>
                                <div class="details-nav">
                                    <div class="famous">
                                        <dl class="clearfix">
                                            <dt>绿茶</dt>
                                            <dd>
                                                <a href="javascript: void (0)">西湖龙井</a>
                                                <a href="javascript: void (0)">龙井</a>
                                                <a href="javascript: void (0)">黄山毛峰</a>
                                                <a href="javascript: void (0)">安吉白茶</a>
                                                <a href="javascript: void (0)">碧螺春</a>
                                                <a href="javascript: void (0)">其他绿茶</a>
                                            </dd>
                                        </dl>
                                        <dl class="clearfix">
                                            <dt>乌龙茶</dt>
                                            <dd>
                                                <a href="javascript: void (0)">铁观音</a>
                                                <a href="javascript: void (0)">大红袍</a>
                                                <a href="javascript: void (0)">水仙</a>
                                                <a href="javascript: void (0)">肉桂</a>
                                                <a href="javascript: void (0)">台湾乌龙</a>
                                                <a href="javascript: void (0)">其他乌龙茶</a>
                                            </dd>
                                        </dl>
                                        <dl class="clearfix">
                                            <dt>红茶</dt>
                                            <dd>
                                                <a href="javascript: void (0)">金骏眉</a>
                                                <a href="javascript: void (0)">正山小种</a>
                                                <a href="javascript: void (0)">祁门红茶</a>
                                                <a href="javascript: void (0)">坦洋工夫</a>
                                                <a href="javascript: void (0)">其他红茶</a>
                                            </dd>
                                        </dl>
                                        <dl class="clearfix">
                                            <dt>黑茶</dt>
                                            <dd>
                                                <a href="javascript: void (0)">白沙溪黑茶</a>
                                                <a href="javascript: void (0)">正山小种</a>
                                                <a href="javascript: void (0)">祁门红茶</a>
                                                <a href="javascript: void (0)">坦洋工夫</a>
                                                <a href="javascript: void (0)">其他红茶</a>
                                            </dd>
                                        </dl>
                                        <dl class="clearfix">
                                            <dt>白茶</dt>
                                            <dd>
                                                <a href="javascript: void (0)">白牡丹</a>
                                                <a href="javascript: void (0)">正山小种</a>
                                                <a href="javascript: void (0)">祁门红茶</a>
                                                <a href="javascript: void (0)">坦洋工夫</a>
                                                <a href="javascript: void (0)">其他红茶</a>
                                            </dd>
                                        </dl>
                                        <dl class="clearfix">
                                            <dt>花茶</dt>
                                            <dd>
                                                <a href="javascript: void (0)">茉莉花茶</a>
                                            </dd>
                                        </dl>

                                    </div>
                                    <dl class="clearfix">
                                        <dt>品牌</dt>
                                        <dd>
                                            <a href="javascript: void (0)">慈恩</a>
                                            <a href="javascript: void (0)">远融</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                            <a href="javascript: void (0)">一品堂</a>
                                            <a href="javascript: void (0)">好极</a>
                                            <a href="javascript: void (0)">绿雪芽</a>
                                            <a href="javascript: void (0)">白沙溪</a>
                                            <a href="javascript: void (0)">元正</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                        </dd>
                                    </dl>
                                    <dl class="clearfix">
                                        <dt>价格</dt>
                                        <dd>
                                            <a href="javascript: void (0)">100元及以下</a>
                                            <a href="javascript: void (0)">100~300元</a>
                                            <a href="javascript: void (0)">300元及以上</a>
                                        </dd>
                                    </dl>
                                    <dl class="clearfix">
                                        <dt>净含量</dt>
                                        <dd>
                                            <a href="javascript: void (0)">50g及以下</a>
                                            <a href="javascript: void (0)">51g-100g</a>
                                            <a href="javascript: void (0)">101g-250g</a>
                                            <a href="javascript: void (0)">250g及以上</a>
                                        </dd>
                                    </dl>

                                    <dl class="clearfix">
                                        <dt>包装</dt>
                                        <dd>
                                            <a href="javascript: void (0)">经济自饮装</a>
                                            <a href="javascript: void (0)">精美礼品装</a>
                                        </dd>
                                    </dl>
                                    <a href="javascript: void (0)"> <img src="../images/famous.JPG" alt=""></a>
                                </div>
                            </li>
                            <li class="clearfix sorts-two">
                                <div class="sorts-title">
                                    <a href="javascript:void (0)">
                                        <i>&nbsp;</i>茶饮机专用茶
                                    </a>
                                </div>
                                <dl class="clearfix big-menu">
                                    <dt>推荐</dt>
                                    <dd>
                                        <a href="javascript: void (0)">预定茶饮机</a>
                                        <a href="javascript: void (0)">茶饮机专用茶</a>
                                    </dd>
                                </dl>
                                <div class="details-nav">
                                    <dl class="clearfix">
                                        <dt>品类</dt>
                                        <dd>
                                            <a href="javascript: void (0)">慈恩</a>
                                            <a href="javascript: void (0)">远融</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                            <a href="javascript: void (0)">一品堂</a>
                                            <a href="javascript: void (0)">好极</a>
                                            <a href="javascript: void (0)">绿雪芽</a>
                                            <a href="javascript: void (0)">白沙溪</a>
                                            <a href="javascript: void (0)">元正</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                        </dd>
                                    </dl>
                                    <dl class="clearfix">
                                        <dt>品牌</dt>
                                        <dd>
                                            <a href="javascript: void (0)">慈恩</a>
                                            <a href="javascript: void (0)">远融</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                            <a href="javascript: void (0)">一品堂</a>
                                            <a href="javascript: void (0)">好极</a>
                                            <a href="javascript: void (0)">绿雪芽</a>
                                            <a href="javascript: void (0)">白沙溪</a>
                                            <a href="javascript: void (0)">元正</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                        </dd>
                                    </dl>
                                    <dl class="clearfix">
                                        <dt>价格</dt>
                                        <dd>
                                            <a href="javascript: void (0)">100元及以下</a>
                                            <a href="javascript: void (0)">100~300元</a>
                                            <a href="javascript: void (0)">300元及以上</a>
                                        </dd>
                                    </dl>
                                    <dl class="clearfix">
                                        <dt>净含量</dt>
                                        <dd>
                                            <a href="javascript: void (0)">50g及以下</a>
                                            <a href="javascript: void (0)">51g-100g</a>
                                            <a href="javascript: void (0)">101g-250g</a>
                                            <a href="javascript: void (0)">250g及以上</a>
                                        </dd>
                                    </dl>

                                    <dl class="clearfix">
                                        <dt>包装</dt>
                                        <dd>
                                            <a href="javascript: void (0)">经济自饮装</a>
                                            <a href="javascript: void (0)">精美礼品装</a>
                                        </dd>
                                    </dl>
                                    <a href="javascript: void (0)"> <img src="../images/famous1.JPG" alt=""></a>
                                </div>
                            </li>
                            <li class="clearfix sorts-three">
                                <div class="sorts-title">
                                    <a href="javascript:void (0)">
                                        <i>&nbsp;</i>花草保健茶
                                    </a>
                                </div>
                                <dl class="clearfix big-menu">
                                    <dt>热门</dt>
                                    <dd>
                                        <a href="javascript: void (0)">大麦茶</a>
                                        <a href="javascript: void (0)">苦荞茶</a>
                                        <a href="javascript: void (0)">玫瑰花茶</a>
                                        <a href="javascript: void (0)">雪菊</a>
                                        <a href="javascript: void (0)">蜂蜜木瓜粉</a>
                                        <a href="javascript: void (0)">草本茶</a>
                                    </dd>
                                </dl>
                                <div class="details-nav">
                                    <div class="famous">
                                        <dl class="clearfix">
                                            <dt>瘦身</dt>
                                            <dd>
                                                <a href="javascript: void (0)">西湖龙井</a>
                                                <a href="javascript: void (0)">龙井</a>
                                                <a href="javascript: void (0)">黄山毛峰</a>
                                                <a href="javascript: void (0)">安吉白茶</a>
                                                <a href="javascript: void (0)">碧螺春</a>
                                                <a href="javascript: void (0)">其他绿茶</a>
                                            </dd>
                                        </dl>
                                        <dl class="clearfix">
                                            <dt>美容</dt>
                                            <dd>
                                                <a href="javascript: void (0)">铁观音</a>
                                                <a href="javascript: void (0)">大红袍</a>
                                                <a href="javascript: void (0)">水仙</a>
                                                <a href="javascript: void (0)">肉桂</a>
                                                <a href="javascript: void (0)">台湾乌龙</a>
                                                <a href="javascript: void (0)">其他乌龙茶</a>
                                            </dd>
                                        </dl>
                                        <dl class="clearfix">
                                            <dt>丰胸</dt>
                                            <dd>
                                                <a href="javascript: void (0)">金骏眉</a>
                                                <a href="javascript: void (0)">正山小种</a>
                                                <a href="javascript: void (0)">祁门红茶</a>
                                                <a href="javascript: void (0)">坦洋工夫</a>
                                                <a href="javascript: void (0)">其他红茶</a>
                                            </dd>
                                        </dl>
                                        <dl class="clearfix">
                                            <dt>黑茶</dt>
                                            <dd>
                                                <a href="javascript: void (0)">白沙溪黑茶</a>
                                                <a href="javascript: void (0)">正山小种</a>
                                                <a href="javascript: void (0)">祁门红茶</a>
                                                <a href="javascript: void (0)">坦洋工夫</a>
                                                <a href="javascript: void (0)">其他红茶</a>
                                            </dd>
                                        </dl>
                                        <dl class="clearfix">
                                            <dt>白茶</dt>
                                            <dd>
                                                <a href="javascript: void (0)">白牡丹</a>
                                                <a href="javascript: void (0)">正山小种</a>
                                                <a href="javascript: void (0)">祁门红茶</a>
                                                <a href="javascript: void (0)">坦洋工夫</a>
                                                <a href="javascript: void (0)">其他红茶</a>
                                            </dd>
                                        </dl>
                                        <dl class="clearfix">
                                            <dt>花茶</dt>
                                            <dd>
                                                <a href="javascript: void (0)">茉莉花茶</a>
                                            </dd>
                                        </dl>

                                    </div>
                                    <dl class="clearfix">
                                        <dt>品牌</dt>
                                        <dd>
                                            <a href="javascript: void (0)">慈恩</a>
                                            <a href="javascript: void (0)">远融</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                            <a href="javascript: void (0)">一品堂</a>
                                            <a href="javascript: void (0)">好极</a>
                                            <a href="javascript: void (0)">绿雪芽</a>
                                            <a href="javascript: void (0)">白沙溪</a>
                                            <a href="javascript: void (0)">元正</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                        </dd>
                                    </dl>
                                    <dl class="clearfix">
                                        <dt>价格</dt>
                                        <dd>
                                            <a href="javascript: void (0)">100元及以下</a>
                                            <a href="javascript: void (0)">100~300元</a>
                                            <a href="javascript: void (0)">300元及以上</a>
                                        </dd>
                                    </dl>
                                    <dl class="clearfix">
                                        <dt>净含量</dt>
                                        <dd>
                                            <a href="javascript: void (0)">50g及以下</a>
                                            <a href="javascript: void (0)">51g-100g</a>
                                            <a href="javascript: void (0)">101g-250g</a>
                                            <a href="javascript: void (0)">250g及以上</a>
                                        </dd>
                                    </dl>

                                    <dl class="clearfix">
                                        <dt>包装</dt>
                                        <dd>
                                            <a href="javascript: void (0)">经济自饮装</a>
                                            <a href="javascript: void (0)">精美礼品装</a>
                                        </dd>
                                    </dl>
                                    <a href="javascript: void (0)"> <img src="../images/famous2.JPG" alt=""></a>
                                </div>
                            </li>
                            <li class="clearfix sorts-four">
                                <div class="sorts-title">
                                    <a href="javascript:void (0)">
                                        <i>&nbsp;</i>精选茶具
                                    </a>
                                </div>
                                <dl class="clearfix big-menu">
                                    <dt>推荐</dt>
                                    <dd>
                                        <a href="javascript: void (0)">功夫茶具</a>
                                        <a href="javascript: void (0)">个人杯</a>
                                        <a href="javascript: void (0)">茶宠</a>
                                    </dd>
                                </dl>
                                <div class="details-nav">
                                    <div class="famous">

                                        <dl class="clearfix">
                                            <dt>陶瓷</dt>
                                            <dd>
                                                <a href="javascript: void (0)">白牡丹</a>
                                                <a href="javascript: void (0)">正山小种</a>
                                                <a href="javascript: void (0)">祁门红茶</a>
                                                <a href="javascript: void (0)">坦洋工夫</a>
                                                <a href="javascript: void (0)">其他红茶</a>
                                            </dd>
                                        </dl>
                                        <dl class="clearfix">
                                            <dt>瓷器</dt>
                                            <dd>
                                                <a href="javascript: void (0)">茉莉花茶</a>
                                            </dd>
                                        </dl>

                                    </div>
                                    <dl class="clearfix">
                                        <dt>品牌</dt>
                                        <dd>
                                            <a href="javascript: void (0)">慈恩</a>
                                            <a href="javascript: void (0)">远融</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                            <a href="javascript: void (0)">一品堂</a>
                                            <a href="javascript: void (0)">好极</a>
                                            <a href="javascript: void (0)">绿雪芽</a>
                                            <a href="javascript: void (0)">白沙溪</a>
                                            <a href="javascript: void (0)">元正</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                        </dd>
                                    </dl>
                                    <dl class="clearfix">
                                        <dt>价格</dt>
                                        <dd>
                                            <a href="javascript: void (0)">100元及以下</a>
                                            <a href="javascript: void (0)">100~300元</a>
                                            <a href="javascript: void (0)">300元及以上</a>
                                        </dd>
                                    </dl>
                                    <dl class="clearfix">
                                        <dt>净含量</dt>
                                        <dd>
                                            <a href="javascript: void (0)">50g及以下</a>
                                            <a href="javascript: void (0)">51g-100g</a>
                                            <a href="javascript: void (0)">101g-250g</a>
                                            <a href="javascript: void (0)">250g及以上</a>
                                        </dd>
                                    </dl>

                                    <dl class="clearfix">
                                        <dt>包装</dt>
                                        <dd>
                                            <a href="javascript: void (0)">经济自饮装</a>
                                            <a href="javascript: void (0)">精美礼品装</a>
                                        </dd>
                                    </dl>
                                    <a href="javascript: void (0)"> <img src="../images/famous3.JPG" alt=""></a>
                                </div>
                            </li>
                            <li class="clearfix sorts-four">
                                <div class="sorts-title">
                                    <a href="javascript:void (0)">
                                        <i>&nbsp;</i>可口茶食
                                    </a>
                                </div>
                                <dl class="clearfix big-menu">
                                    <dt>推荐</dt>
                                    <dd>
                                        <a href="javascript: void (0)">橄榄</a>
                                        <a href="javascript: void (0)">蜜饯</a>
                                    </dd>
                                </dl>
                                <div class="details-nav">
                                    <div class="famous">

                                        <dl class="clearfix">
                                            <dt>果脯</dt>
                                            <dd>
                                                <a href="javascript: void (0)">白牡丹</a>
                                                <a href="javascript: void (0)">正山小种</a>
                                                <a href="javascript: void (0)">祁门红茶</a>
                                                <a href="javascript: void (0)">坦洋工夫</a>
                                                <a href="javascript: void (0)">其他红茶</a>
                                            </dd>
                                        </dl>
                                        <dl class="clearfix">
                                            <dt>干果</dt>
                                            <dd>
                                                <a href="javascript: void (0)">茉莉花茶</a>
                                                <a href="javascript: void (0)">茉莉花茶</a>
                                                <a href="javascript: void (0)">茉莉花茶</a>
                                            </dd>
                                        </dl>
                                        <dl class="clearfix">
                                            <dt>零食</dt>
                                            <dd>
                                                <a href="javascript: void (0)">茉莉花茶</a>
                                                <a href="javascript: void (0)">茉莉花茶</a>
                                                <a href="javascript: void (0)">茉莉花茶</a>
                                                <a href="javascript: void (0)">茉莉花茶</a>
                                            </dd>
                                        </dl>

                                    </div>
                                    <dl class="clearfix">
                                        <dt>品牌</dt>
                                        <dd>
                                            <a href="javascript: void (0)">慈恩</a>
                                            <a href="javascript: void (0)">远融</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                            <a href="javascript: void (0)">一品堂</a>
                                            <a href="javascript: void (0)">好极</a>
                                            <a href="javascript: void (0)">绿雪芽</a>
                                            <a href="javascript: void (0)">白沙溪</a>
                                            <a href="javascript: void (0)">元正</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                        </dd>
                                    </dl>
                                    <dl class="clearfix">
                                        <dt>价格</dt>
                                        <dd>
                                            <a href="javascript: void (0)">100元及以下</a>
                                            <a href="javascript: void (0)">100~300元</a>
                                            <a href="javascript: void (0)">300元及以上</a>
                                        </dd>
                                    </dl>
                                    <dl class="clearfix">
                                        <dt>净含量</dt>
                                        <dd>
                                            <a href="javascript: void (0)">50g及以下</a>
                                            <a href="javascript: void (0)">51g-100g</a>
                                            <a href="javascript: void (0)">101g-250g</a>
                                            <a href="javascript: void (0)">250g及以上</a>
                                        </dd>
                                    </dl>

                                    <dl class="clearfix">
                                        <dt>包装</dt>
                                        <dd>
                                            <a href="javascript: void (0)">经济自饮装</a>
                                            <a href="javascript: void (0)">精美礼品装</a>
                                        </dd>
                                    </dl>
                                    <a href="javascript: void (0)"> <img src="../images/famous4.JPG" alt=""></a>
                                </div>
                            </li>
                        </ul>
                    </li>
                    <li><a href="index.html">首页</a></li>
                    <li><a href="list.html">绿茶</a></li>
                    <li><a href="javascript:void (0)">乌龙茶</a></li>
                    <li><a href="javascript:void (0)">花草茶</a></li>
                    <li><a href="javascript:void (0)">自饮茶</a></li>
                    <li><a href="javascript:void (0)">礼品茶</a></li>
                    <li><a href="javascript:void (0)">茶饮机专用茶</a></li>
                    <li><a href="javascript:void (0)">预定茶饮机</a></li>
                </ul>
            </div><!-- /.navbar-collapse -->
        </div>
    </div><!-- /.container-fluid -->
</nav>

<!--========================================产品列表=====================================-->
<section class="list-content">
    <div class="container">
        <div class="leftBar clearfix">
            <!--===========================侧边栏=======================-->
            <ul class="sorts-content1">
                <li class="clearfix sorts-one">
                    <div class="sorts-title">
                        <a href="javascript:void (0)">
                            <i>&nbsp;</i>各地名优茶
                        </a>
                    </div>
                    <dl class="clearfix big-menu">
                        <dt>热门</dt>
                        <dd>
                            <a href="javascript: void (0)">西湖龙井</a>
                            <a href="javascript: void (0)">金骏眉</a>
                            <a href="javascript: void (0)">大红袍</a>
                            <a href="javascript: void (0)">铁观音</a>
                        </dd>
                    </dl>
                    <dl class="clearfix big-menu">
                        <dt>名茶</dt>
                        <dd>
                            <a href="javascript: void (0)">红茶</a>
                            <a href="javascript: void (0)">绿茶</a>
                            <a href="javascript: void (0)">乌龙茶</a>
                            <a href="javascript: void (0)">黑茶</a>
                            <a href="javascript: void (0)">白茶</a>
                        </dd>
                    </dl>
                    <div class="details-nav">
                        <div class="famous">
                            <dl class="clearfix">
                                <dt>绿茶</dt>
                                <dd>
                                    <a href="javascript: void (0)">西湖龙井</a>
                                    <a href="javascript: void (0)">龙井</a>
                                    <a href="javascript: void (0)">黄山毛峰</a>
                                    <a href="javascript: void (0)">安吉白茶</a>
                                    <a href="javascript: void (0)">碧螺春</a>
                                    <a href="javascript: void (0)">其他绿茶</a>
                                </dd>
                            </dl>
                            <dl class="clearfix">
                                <dt>乌龙茶</dt>
                                <dd>
                                    <a href="javascript: void (0)">铁观音</a>
                                    <a href="javascript: void (0)">大红袍</a>
                                    <a href="javascript: void (0)">水仙</a>
                                    <a href="javascript: void (0)">肉桂</a>
                                    <a href="javascript: void (0)">台湾乌龙</a>
                                    <a href="javascript: void (0)">其他乌龙茶</a>
                                </dd>
                            </dl>
                            <dl class="clearfix">
                                <dt>红茶</dt>
                                <dd>
                                    <a href="javascript: void (0)">金骏眉</a>
                                    <a href="javascript: void (0)">正山小种</a>
                                    <a href="javascript: void (0)">祁门红茶</a>
                                    <a href="javascript: void (0)">坦洋工夫</a>
                                    <a href="javascript: void (0)">其他红茶</a>
                                </dd>
                            </dl>
                            <dl class="clearfix">
                                <dt>黑茶</dt>
                                <dd>
                                    <a href="javascript: void (0)">白沙溪黑茶</a>
                                    <a href="javascript: void (0)">正山小种</a>
                                    <a href="javascript: void (0)">祁门红茶</a>
                                    <a href="javascript: void (0)">坦洋工夫</a>
                                    <a href="javascript: void (0)">其他红茶</a>
                                </dd>
                            </dl>
                            <dl class="clearfix">
                                <dt>白茶</dt>
                                <dd>
                                    <a href="javascript: void (0)">白牡丹</a>
                                    <a href="javascript: void (0)">正山小种</a>
                                    <a href="javascript: void (0)">祁门红茶</a>
                                    <a href="javascript: void (0)">坦洋工夫</a>
                                    <a href="javascript: void (0)">其他红茶</a>
                                </dd>
                            </dl>
                            <dl class="clearfix">
                                <dt>花茶</dt>
                                <dd>
                                    <a href="javascript: void (0)">茉莉花茶</a>
                                </dd>
                            </dl>

                        </div>
                        <dl class="clearfix">
                            <dt>品牌</dt>
                            <dd>
                                <a href="javascript: void (0)">慈恩</a>
                                <a href="javascript: void (0)">远融</a>
                                <a href="javascript: void (0)">顶峰</a>
                                <a href="javascript: void (0)">一品堂</a>
                                <a href="javascript: void (0)">好极</a>
                                <a href="javascript: void (0)">绿雪芽</a>
                                <a href="javascript: void (0)">白沙溪</a>
                                <a href="javascript: void (0)">元正</a>
                                <a href="javascript: void (0)">顶峰</a>
                                <a href="javascript: void (0)">顶峰</a>
                                <a href="javascript: void (0)">顶峰</a>
                            </dd>
                        </dl>
                        <dl class="clearfix">
                            <dt>价格</dt>
                            <dd>
                                <a href="javascript: void (0)">100元及以下</a>
                                <a href="javascript: void (0)">100~300元</a>
                                <a href="javascript: void (0)">300元及以上</a>
                            </dd>
                        </dl>
                        <dl class="clearfix">
                            <dt>净含量</dt>
                            <dd>
                                <a href="javascript: void (0)">50g及以下</a>
                                <a href="javascript: void (0)">51g-100g</a>
                                <a href="javascript: void (0)">101g-250g</a>
                                <a href="javascript: void (0)">250g及以上</a>
                            </dd>
                        </dl>

                        <dl class="clearfix">
                            <dt>包装</dt>
                            <dd>
                                <a href="javascript: void (0)">经济自饮装</a>
                                <a href="javascript: void (0)">精美礼品装</a>
                            </dd>
                        </dl>
                        <a href="javascript: void (0)"> <img src="../images/famous.JPG" alt=""></a>
                    </div>
                </li>
                <li class="clearfix sorts-two">
                    <div class="sorts-title">
                        <a href="javascript:void (0)">
                            <i>&nbsp;</i>茶饮机专用茶
                        </a>
                    </div>
                    <dl class="clearfix big-menu">
                        <dt>推荐</dt>
                        <dd>
                            <a href="javascript: void (0)">预定茶饮机</a>
                            <a href="javascript: void (0)">茶饮机专用茶</a>
                        </dd>
                    </dl>
                    <div class="details-nav">
                        <dl class="clearfix">
                            <dt>品类</dt>
                            <dd>
                                <a href="javascript: void (0)">慈恩</a>
                                <a href="javascript: void (0)">远融</a>
                                <a href="javascript: void (0)">顶峰</a>
                                <a href="javascript: void (0)">一品堂</a>
                                <a href="javascript: void (0)">好极</a>
                                <a href="javascript: void (0)">绿雪芽</a>
                                <a href="javascript: void (0)">白沙溪</a>
                                <a href="javascript: void (0)">元正</a>
                                <a href="javascript: void (0)">顶峰</a>
                                <a href="javascript: void (0)">顶峰</a>
                                <a href="javascript: void (0)">顶峰</a>
                            </dd>
                        </dl>
                        <dl class="clearfix">
                            <dt>品牌</dt>
                            <dd>
                                <a href="javascript: void (0)">慈恩</a>
                                <a href="javascript: void (0)">远融</a>
                                <a href="javascript: void (0)">顶峰</a>
                                <a href="javascript: void (0)">一品堂</a>
                                <a href="javascript: void (0)">好极</a>
                                <a href="javascript: void (0)">绿雪芽</a>
                                <a href="javascript: void (0)">白沙溪</a>
                                <a href="javascript: void (0)">元正</a>
                                <a href="javascript: void (0)">顶峰</a>
                                <a href="javascript: void (0)">顶峰</a>
                                <a href="javascript: void (0)">顶峰</a>
                            </dd>
                        </dl>
                        <dl class="clearfix">
                            <dt>价格</dt>
                            <dd>
                                <a href="javascript: void (0)">100元及以下</a>
                                <a href="javascript: void (0)">100~300元</a>
                                <a href="javascript: void (0)">300元及以上</a>
                            </dd>
                        </dl>
                        <dl class="clearfix">
                            <dt>净含量</dt>
                            <dd>
                                <a href="javascript: void (0)">50g及以下</a>
                                <a href="javascript: void (0)">51g-100g</a>
                                <a href="javascript: void (0)">101g-250g</a>
                                <a href="javascript: void (0)">250g及以上</a>
                            </dd>
                        </dl>

                        <dl class="clearfix">
                            <dt>包装</dt>
                            <dd>
                                <a href="javascript: void (0)">经济自饮装</a>
                                <a href="javascript: void (0)">精美礼品装</a>
                            </dd>
                        </dl>
                        <a href="javascript: void (0)"> <img src="../images/famous1.JPG" alt=""></a>
                    </div>
                </li>
                <li class="clearfix sorts-three">
                    <div class="sorts-title">
                        <a href="javascript:void (0)">
                            <i>&nbsp;</i>花草保健茶
                        </a>
                    </div>
                    <dl class="clearfix big-menu">
                        <dt>热门</dt>
                        <dd>
                            <a href="javascript: void (0)">大麦茶</a>
                            <a href="javascript: void (0)">苦荞茶</a>
                            <a href="javascript: void (0)">玫瑰花茶</a>
                            <a href="javascript: void (0)">雪菊</a>
                            <a href="javascript: void (0)">蜂蜜木瓜粉</a>
                            <a href="javascript: void (0)">草本茶</a>
                        </dd>
                    </dl>
                    <div class="details-nav">
                        <div class="famous">
                            <dl class="clearfix">
                                <dt>瘦身</dt>
                                <dd>
                                    <a href="javascript: void (0)">西湖龙井</a>
                                    <a href="javascript: void (0)">龙井</a>
                                    <a href="javascript: void (0)">黄山毛峰</a>
                                    <a href="javascript: void (0)">安吉白茶</a>
                                    <a href="javascript: void (0)">碧螺春</a>
                                    <a href="javascript: void (0)">其他绿茶</a>
                                </dd>
                            </dl>
                            <dl class="clearfix">
                                <dt>美容</dt>
                                <dd>
                                    <a href="javascript: void (0)">铁观音</a>
                                    <a href="javascript: void (0)">大红袍</a>
                                    <a href="javascript: void (0)">水仙</a>
                                    <a href="javascript: void (0)">肉桂</a>
                                    <a href="javascript: void (0)">台湾乌龙</a>
                                    <a href="javascript: void (0)">其他乌龙茶</a>
                                </dd>
                            </dl>
                            <dl class="clearfix">
                                <dt>丰胸</dt>
                                <dd>
                                    <a href="javascript: void (0)">金骏眉</a>
                                    <a href="javascript: void (0)">正山小种</a>
                                    <a href="javascript: void (0)">祁门红茶</a>
                                    <a href="javascript: void (0)">坦洋工夫</a>
                                    <a href="javascript: void (0)">其他红茶</a>
                                </dd>
                            </dl>
                            <dl class="clearfix">
                                <dt>黑茶</dt>
                                <dd>
                                    <a href="javascript: void (0)">白沙溪黑茶</a>
                                    <a href="javascript: void (0)">正山小种</a>
                                    <a href="javascript: void (0)">祁门红茶</a>
                                    <a href="javascript: void (0)">坦洋工夫</a>
                                    <a href="javascript: void (0)">其他红茶</a>
                                </dd>
                            </dl>
                            <dl class="clearfix">
                                <dt>白茶</dt>
                                <dd>
                                    <a href="javascript: void (0)">白牡丹</a>
                                    <a href="javascript: void (0)">正山小种</a>
                                    <a href="javascript: void (0)">祁门红茶</a>
                                    <a href="javascript: void (0)">坦洋工夫</a>
                                    <a href="javascript: void (0)">其他红茶</a>
                                </dd>
                            </dl>
                            <dl class="clearfix">
                                <dt>花茶</dt>
                                <dd>
                                    <a href="javascript: void (0)">茉莉花茶</a>
                                </dd>
                            </dl>

                        </div>
                        <dl class="clearfix">
                            <dt>品牌</dt>
                            <dd>
                                <a href="javascript: void (0)">慈恩</a>
                                <a href="javascript: void (0)">远融</a>
                                <a href="javascript: void (0)">顶峰</a>
                                <a href="javascript: void (0)">一品堂</a>
                                <a href="javascript: void (0)">好极</a>
                                <a href="javascript: void (0)">绿雪芽</a>
                                <a href="javascript: void (0)">白沙溪</a>
                                <a href="javascript: void (0)">元正</a>
                                <a href="javascript: void (0)">顶峰</a>
                                <a href="javascript: void (0)">顶峰</a>
                                <a href="javascript: void (0)">顶峰</a>
                            </dd>
                        </dl>
                        <dl class="clearfix">
                            <dt>价格</dt>
                            <dd>
                                <a href="javascript: void (0)">100元及以下</a>
                                <a href="javascript: void (0)">100~300元</a>
                                <a href="javascript: void (0)">300元及以上</a>
                            </dd>
                        </dl>
                        <dl class="clearfix">
                            <dt>净含量</dt>
                            <dd>
                                <a href="javascript: void (0)">50g及以下</a>
                                <a href="javascript: void (0)">51g-100g</a>
                                <a href="javascript: void (0)">101g-250g</a>
                                <a href="javascript: void (0)">250g及以上</a>
                            </dd>
                        </dl>

                        <dl class="clearfix">
                            <dt>包装</dt>
                            <dd>
                                <a href="javascript: void (0)">经济自饮装</a>
                                <a href="javascript: void (0)">精美礼品装</a>
                            </dd>
                        </dl>
                        <a href="javascript: void (0)"> <img src="../images/famous2.JPG" alt=""></a>
                    </div>
                </li>
                <li class="clearfix sorts-four">
                    <div class="sorts-title">
                        <a href="javascript:void (0)">
                            <i>&nbsp;</i>精选茶具
                        </a>
                    </div>
                    <dl class="clearfix big-menu">
                        <dt>推荐</dt>
                        <dd>
                            <a href="javascript: void (0)">功夫茶具</a>
                            <a href="javascript: void (0)">个人杯</a>
                            <a href="javascript: void (0)">茶宠</a>
                        </dd>
                    </dl>
                    <div class="details-nav">
                        <div class="famous">

                            <dl class="clearfix">
                                <dt>陶瓷</dt>
                                <dd>
                                    <a href="javascript: void (0)">白牡丹</a>
                                    <a href="javascript: void (0)">正山小种</a>
                                    <a href="javascript: void (0)">祁门红茶</a>
                                    <a href="javascript: void (0)">坦洋工夫</a>
                                    <a href="javascript: void (0)">其他红茶</a>
                                </dd>
                            </dl>
                            <dl class="clearfix">
                                <dt>瓷器</dt>
                                <dd>
                                    <a href="javascript: void (0)">茉莉花茶</a>
                                </dd>
                            </dl>

                        </div>
                        <dl class="clearfix">
                            <dt>品牌</dt>
                            <dd>
                                <a href="javascript: void (0)">慈恩</a>
                                <a href="javascript: void (0)">远融</a>
                                <a href="javascript: void (0)">顶峰</a>
                                <a href="javascript: void (0)">一品堂</a>
                                <a href="javascript: void (0)">好极</a>
                                <a href="javascript: void (0)">绿雪芽</a>
                                <a href="javascript: void (0)">白沙溪</a>
                                <a href="javascript: void (0)">元正</a>
                                <a href="javascript: void (0)">顶峰</a>
                                <a href="javascript: void (0)">顶峰</a>
                                <a href="javascript: void (0)">顶峰</a>
                            </dd>
                        </dl>
                        <dl class="clearfix">
                            <dt>价格</dt>
                            <dd>
                                <a href="javascript: void (0)">100元及以下</a>
                                <a href="javascript: void (0)">100~300元</a>
                                <a href="javascript: void (0)">300元及以上</a>
                            </dd>
                        </dl>
                        <dl class="clearfix">
                            <dt>净含量</dt>
                            <dd>
                                <a href="javascript: void (0)">50g及以下</a>
                                <a href="javascript: void (0)">51g-100g</a>
                                <a href="javascript: void (0)">101g-250g</a>
                                <a href="javascript: void (0)">250g及以上</a>
                            </dd>
                        </dl>

                        <dl class="clearfix">
                            <dt>包装</dt>
                            <dd>
                                <a href="javascript: void (0)">经济自饮装</a>
                                <a href="javascript: void (0)">精美礼品装</a>
                            </dd>
                        </dl>
                        <a href="javascript: void (0)"> <img src="../images/famous3.JPG" alt=""></a>
                    </div>
                </li>
                <li class="clearfix sorts-four">
                    <div class="sorts-title">
                        <a href="javascript:void (0)">
                            <i>&nbsp;</i>可口茶食
                        </a>
                    </div>
                    <dl class="clearfix big-menu">
                        <dt>推荐</dt>
                        <dd>
                            <a href="javascript: void (0)">橄榄</a>
                            <a href="javascript: void (0)">蜜饯</a>
                        </dd>
                    </dl>
                    <div class="details-nav">
                        <div class="famous">

                            <dl class="clearfix">
                                <dt>果脯</dt>
                                <dd>
                                    <a href="javascript: void (0)">白牡丹</a>
                                    <a href="javascript: void (0)">正山小种</a>
                                    <a href="javascript: void (0)">祁门红茶</a>
                                    <a href="javascript: void (0)">坦洋工夫</a>
                                    <a href="javascript: void (0)">其他红茶</a>
                                </dd>
                            </dl>
                            <dl class="clearfix">
                                <dt>干果</dt>
                                <dd>
                                    <a href="javascript: void (0)">茉莉花茶</a>
                                    <a href="javascript: void (0)">茉莉花茶</a>
                                    <a href="javascript: void (0)">茉莉花茶</a>
                                </dd>
                            </dl>
                            <dl class="clearfix">
                                <dt>零食</dt>
                                <dd>
                                    <a href="javascript: void (0)">茉莉花茶</a>
                                    <a href="javascript: void (0)">茉莉花茶</a>
                                    <a href="javascript: void (0)">茉莉花茶</a>
                                    <a href="javascript: void (0)">茉莉花茶</a>
                                </dd>
                            </dl>

                        </div>
                        <dl class="clearfix">
                            <dt>品牌</dt>
                            <dd>
                                <a href="javascript: void (0)">慈恩</a>
                                <a href="javascript: void (0)">远融</a>
                                <a href="javascript: void (0)">顶峰</a>
                                <a href="javascript: void (0)">一品堂</a>
                                <a href="javascript: void (0)">好极</a>
                                <a href="javascript: void (0)">绿雪芽</a>
                                <a href="javascript: void (0)">白沙溪</a>
                                <a href="javascript: void (0)">元正</a>
                                <a href="javascript: void (0)">顶峰</a>
                                <a href="javascript: void (0)">顶峰</a>
                                <a href="javascript: void (0)">顶峰</a>
                            </dd>
                        </dl>
                        <dl class="clearfix">
                            <dt>价格</dt>
                            <dd>
                                <a href="javascript: void (0)">100元及以下</a>
                                <a href="javascript: void (0)">100~300元</a>
                                <a href="javascript: void (0)">300元及以上</a>
                            </dd>
                        </dl>
                        <dl class="clearfix">
                            <dt>净含量</dt>
                            <dd>
                                <a href="javascript: void (0)">50g及以下</a>
                                <a href="javascript: void (0)">51g-100g</a>
                                <a href="javascript: void (0)">101g-250g</a>
                                <a href="javascript: void (0)">250g及以上</a>
                            </dd>
                        </dl>

                        <dl class="clearfix">
                            <dt>包装</dt>
                            <dd>
                                <a href="javascript: void (0)">经济自饮装</a>
                                <a href="javascript: void (0)">精美礼品装</a>
                            </dd>
                        </dl>
                        <a href="javascript: void (0)"> <img src="../images/famous4.JPG" alt=""></a>
                    </div>
                </li>
            </ul>
            <!-- ========================热门促销===============-->
            <div class="hot-sale">
                <h6 class="hot-sale-title">绿茶热销TOP10</h6>
                <div class="hot-sale-content clearfix">
                    <dl class="clearfix">
                        <dt><img src="../images/hot-sale.JPG" alt=""/></dt>
                        <dd>
                            <a href="javascript: void (0)">【滋恩】雨前一级馨芽龙井铁罐50g</a>
                            <strong>¥65.00</strong>
                            <del>¥88.00</del>
                        </dd>
                    </dl>
                    <dl class="clearfix">
                        <dt><img src="../images/hot-sale.JPG" alt=""/></dt>
                        <dd>
                            <a href="javascript: void (0)">【滋恩】雨前一级馨芽龙井铁罐50g</a>
                            <strong>¥65.00</strong>
                            <del>¥88.00</del>
                        </dd>
                    </dl>
                    <dl class="clearfix">
                        <dt><img src="../images/hot-sale.JPG" alt=""/></dt>
                        <dd>
                            <a href="javascript: void (0)">【滋恩】雨前一级馨芽龙井铁罐50g</a>
                            <strong>¥65.00</strong>
                            <del>¥88.00</del>
                        </dd>
                    </dl>
                    <dl class="clearfix">
                        <dt><img src="../images/hot-sale.JPG" alt=""/></dt>
                        <dd>
                            <a href="javascript: void (0)">【滋恩】雨前一级馨芽龙井铁罐50g</a>
                            <strong>¥65.00</strong>
                            <del>¥88.00</del>
                        </dd>
                    </dl>
                    <dl class="clearfix">
                        <dt><img src="../images/hot-sale.JPG" alt=""/></dt>
                        <dd>
                            <a href="javascript: void (0)">【滋恩】雨前一级馨芽龙井铁罐50g</a>
                            <strong>¥65.00</strong>
                            <del>¥88.00</del>
                        </dd>
                    </dl>
                </div>
            </div>
        </div>
        <div class="rightBar">
            <div class="right-content">
                <div class="link-nav">
                    <a href="javascript: void (0)">首页</a>
                    <span>&gt;</span>
                    <a href="javascript: void (0)">各地有茗茶</a>
                    <span>&gt;</span>
                    <a href="javascript: void (0)">名茶</a>
                    <span>&gt;</span>
                    <a href="javascript: void (0)">绿茶</a>
                </div>
                <div class="pro-ads">
                    <a href="javascript: void (0)"><img src="../images/list.JPG" alt="" width="360"/></a>
                    <a href="javascript: void (0)"><img src="../images/list1.JPG" alt="" width="360"/></a>
                    <a href="javascript: void (0)"><img src="../images/list2.JPG" alt="" width="200"/></a>
                </div>
                <div class="pro-chose">
                    <h6>
                        <strong>绿茶</strong>
                        - 商品筛选
                    </h6>
                    <ul>
                        <li>
                            <span>品牌</span>
                            <a href="javascript: void (0)">全部</a>
                            <p><input type="checkbox"/>顶峰</p>
                            <p><input type="checkbox"/>奇松</p>
                            <p><input type="checkbox"/>兹恩</p>
                        </li>
                        <li>
                            <span>价格</span>
                            <a href="javascript: void (0)">全部</a>
                            <p><input type="checkbox"/>100元以下</p>
                            <p><input type="checkbox"/>101-300元</p>
                            <p><input type="checkbox"/>300元以上</p>
                        </li>
                        <li>
                            <span>净含量</span>
                            <a href="javascript: void (0)">全部</a>
                            <p><input type="checkbox"/>50g及以下</p>
                            <p><input type="checkbox"/>51-100g</p>
                            <p><input type="checkbox"/>101-250g</p>
                            <p><input type="checkbox"/>250g以上</p>
                        </li>
                        <li>
                            <span>包装</span>
                            <a href="javascript: void (0)">全部</a>
                            <p><input type="checkbox"/>经济自饮装</p>
                            <p><input type="checkbox"/>精美礼品装</p>
                        </li>
                    </ul>
                </div>
                <div class="list-pro clearfix">
                    <p class="leftBar">
                        <span>排序方式</span>
                        <a class="rise" href="javascript: void (0)">价格</a>
                        <a class="dis-rise" href="javascript: void (0)">销量</a>
                        <a class="rise" href="javascript: void (0)">评论</a>
                    </p>
                    <ul class="rightBar">
                        <li class="on block"><a class="img" href="javascript: void (0)"></a></li>
                        <li class="menu"><a class="list_img" href="javascript: void (0)"></a></li>
                    </ul>
                </div>

                <div class="img-display">
                    <ul class="block-list-box">
                        <li class="block-list">
                            <a href="details.html"><img src="../images/good.JPG" alt=""/>【顶峰】2016新茶 特级明前五星-致远-西湖龙井单罐50g</a>
                            <p class="price"><strong>¥ 69.00</strong></p>
                            <div class="market-price">
                                <small>市场价<del>￥228.00</del></small>
                                <p><a href="javascript: void (0)">11719</a>人讨论</p>
                            </div>
                            <p class="buy-btn">
                                <a href="javascript: void (0)">立刻购买</a>
                                <a href="javascript: void (0)">加入购物车</a>
                            </p>
                        </li>
                        <li class="block-list">
                            <img src="../images/good.JPG" alt=""/>
                            <a href="javascript: void (0)">【顶峰】2016新茶 特级明前五星-致远-西湖龙井单罐50g</a>
                            <p class="price"><strong>¥ 69.00</strong></p>
                            <div class="market-price">
                                <small>市场价<del>￥228.00</del></small>
                                <p><a href="javascript: void (0)">11719</a>人讨论</p>
                            </div>
                            <p class="buy-btn">
                                <a href="javascript: void (0)">立刻购买</a>
                                <a href="javascript: void (0)">加入购物车</a>
                            </p>
                        </li>
                        <li class="block-list">
                            <img src="../images/good.JPG" alt=""/>
                            <a href="javascript: void (0)">【顶峰】2016新茶 特级明前五星-致远-西湖龙井单罐50g</a>
                            <p class="price"><strong>¥ 69.00</strong></p>
                            <div class="market-price">
                                <small>市场价<del>￥228.00</del></small>
                                <p><a href="javascript: void (0)">11719</a>人讨论</p>
                            </div>
                            <p class="buy-btn">
                                <a href="javascript: void (0)">立刻购买</a>
                                <a href="javascript: void (0)">加入购物车</a>
                            </p>
                        </li>
                        <li class="block-list">
                            <img src="../images/good.JPG" alt=""/>
                            <a href="javascript: void (0)">【顶峰】2016新茶 特级明前五星-致远-西湖龙井单罐50g</a>
                            <p class="price"><strong>¥ 69.00</strong></p>
                            <div class="market-price">
                                <small>市场价<del>￥228.00</del></small>
                                <p><a href="javascript: void (0)">11719</a>人讨论</p>
                            </div>
                            <p class="buy-btn">
                                <a href="javascript: void (0)">立刻购买</a>
                                <a href="javascript: void (0)">加入购物车</a>
                            </p>
                        </li>
                        <li class="block-list">
                            <img src="../images/good.JPG" alt=""/>
                            <a href="javascript: void (0)">【顶峰】2016新茶 特级明前五星-致远-西湖龙井单罐50g</a>
                            <p class="price"><strong>¥ 69.00</strong></p>
                            <div class="market-price">
                                <small>市场价<del>￥228.00</del></small>
                                <p><a href="javascript: void (0)">11719</a>人讨论</p>
                            </div>
                            <p class="buy-btn">
                                <a href="javascript: void (0)">立刻购买</a>
                                <a href="javascript: void (0)">加入购物车</a>
                            </p>
                        </li>
                        <li class="block-list">
                            <img src="../images/good.JPG" alt=""/>
                            <a href="javascript: void (0)">【顶峰】2016新茶 特级明前五星-致远-西湖龙井单罐50g</a>
                            <p class="price"><strong>¥ 69.00</strong></p>
                            <div class="market-price">
                                <small>市场价<del>￥228.00</del></small>
                                <p><a href="javascript: void (0)">11719</a>人讨论</p>
                            </div>
                            <p class="buy-btn">
                                <a href="javascript: void (0)">立刻购买</a>
                                <a href="javascript: void (0)">加入购物车</a>
                            </p>
                        </li>
                        <li class="block-list">
                            <img src="../images/good.JPG" alt=""/>
                            <a href="javascript: void (0)">【顶峰】2016新茶 特级明前五星-致远-西湖龙井单罐50g</a>
                            <p class="price"><strong>¥ 69.00</strong></p>
                            <div class="market-price">
                                <small>市场价<del>￥228.00</del></small>
                                <p><a href="javascript: void (0)">11719</a>人讨论</p>
                            </div>
                            <p class="buy-btn">
                                <a href="javascript: void (0)">立刻购买</a>
                                <a href="javascript: void (0)">加入购物车</a>
                            </p>
                        </li>
                        <li class="block-list">
                            <img src="../images/good.JPG" alt=""/>
                            <a href="javascript: void (0)">【顶峰】2016新茶 特级明前五星-致远-西湖龙井单罐50g</a>
                            <p class="price"><strong>¥ 69.00</strong></p>
                            <div class="market-price">
                                <small>市场价<del>￥228.00</del></small>
                                <p><a href="javascript: void (0)">11719</a>人讨论</p>
                            </div>
                            <p class="buy-btn">
                                <a href="javascript: void (0)">立刻购买</a>
                                <a href="javascript: void (0)">加入购物车</a>
                            </p>
                        </li>
                    </ul>

                    <ul class="menu_list_box">
                        <li class="menu_list clearfix">
                            <a class="leftBar title" href="details.html"><img class="leftBar" src="../images/good.JPG" alt=""><span class="leftBar">【顶峰】2016新茶 特级明前五星-致远-西湖龙井单罐50g</span>
                            </a>
                            <span class="leftBar price"><strong>¥ 69.00</strong></span>
                            <div class="leftBar market-price">
                                <small>市场价<del>￥228.00</del></small>
                                <p><a href="javascript: void (0)">11719</a>人讨论</p>
                            </div>
                            <p class="rightBar buy-box">
                                <span class="buy-btn">
                                    <a href="javascript: void (0)">立刻购买</a>
                                </span>
                                <span class="buy-btn">
                                    <a href="javascript: void (0)">加入购物车</a>
                                </span>
                            </p>
                        </li>
                    </ul>
                </div>

                <div class="page rightBar">
                    <span>第 1页， 共 5 页 [共56件商品]</span>
                    <p>
                        <a class="current" href="javascript: void (0)">1</a>
                        <a href="javascript: void (0)">2</a>
                        <a href="javascript: void (0)">3</a>
                        <a href="javascript: void (0)">4</a>
                        <a href="javascript: void (0)">5</a>
                    </p>
                </div>
            </div>
        </div>
    </div>
</section>





<!--===========================================售后服务=============================-->

<section class="sale-nav">

    <div class="main-nav clearfix">
        <div class="container">
            <p class="col-md-3 col-sm-3 nav_1">100%原产地茶</p>
            <p class="col-md-3 col-sm-3 nav_2">无理由退换货</p>
            <p class="col-md-3 col-sm-3 nav_3">400城市货到付款</p>
            <p class="col-md-3 col-sm-3 nav_4">支付宝签约商家</p>
        </div>
    </div>
    <div class="small-nav clearfix">
        <div class="container">
            <div class="small-nav-1 clearfix">
                <div class="small-nav-top col-md-9 col-sm-9">
                    <ol class="col-md-2 col-sm-2">
                        <li><strong>购物指南</strong></li>
                        <li><a href="javascript: void (0)">账号自助服务</a></li>
                        <li><a href="javascript: void (0)">新用户注册</a></li>
                        <li><a href="javascript: void (0)">怎样下订单</a></li>
                        <li><a href="javascript: void (0)">注册常见问题</a></li>
                    </ol>
                    <ol class="col-md-2 col-sm-2">
                        <li><strong>支付方式</strong></li>
                        <li><a href="javascript: void (0)">支付方式</a></li>
                        <li><a href="javascript: void (0)">在线支付介绍</a></li>
                        <li><a href="javascript: void (0)">汇款单招领</a></li>
                    </ol>
                    <ol class="col-md-2 col-sm-2">
                        <li><strong>配送说明</strong></li>
                        <li><a href="javascript: void (0)">运费说明</a></li>
                        <li><a href="javascript: void (0)">配送方式</a></li>
                        <li><a href="javascript: void (0)">配送范围</a></li>
                    </ol>
                    <ol class="col-md-2 col-sm-2">
                        <li><strong>售后服务</strong></li>
                        <li><a href="javascript: void (0)">退换货流程</a></li>
                        <li><a href="javascript: void (0)">服务保障承诺</a></li>
                        <li><a href="javascript: void (0)">验货与签收</a></li>
                    </ol>
                    <ol class="col-md-2 col-sm-2">
                        <li><strong>常见问题</strong></li>
                        <li><a href="javascript: void (0)">账号密码问题</a></li>
                        <li><a href="javascript: void (0)">缺货登记</a></li>
                        <li><a href="javascript: void (0)">茶叶百科</a></li>
                    </ol>
                </div>
                <div class="col-md-3 col-sm-3 service"><img src="../images/fot_tel.png" alt="服务热线"></div>
            </div>
            <div class="small_nav_bottom">
                <p class="about-heTEA">
                    <a href="javascript: void (0)">和茶网首页</a>
                    <a href="javascript: void (0)">关于和茶</a>
                    <a href="javascript: void (0)">帮助中心</a>
                    <a href="javascript: void (0)">交易条款</a>
                    <a href="javascript: void (0)">诚征英才</a>
                    <a href="javascript: void (0)">联系我们</a>
                </p>
                <p class="links">
                    <a class="defer" href="javascript: void (0)">友情链接</a>
                    <a href="javascript: void (0)">乌龙茶</a>
                    <a href="javascript: void (0)">绿茶</a>
                    <a href="javascript: void (0)">普洱茶</a>
                    <a href="javascript: void (0)">黑茶</a>
                    <a href="javascript: void (0)">村村通商城</a>
                    <a href="javascript: void (0)">土地资源网</a>
                    <a href="javascript: void (0)">在昆明</a>
                </p>
            </div>
        </div>
    </div>
    <!--===========================================版权区=============================-->
    <div class="copyRight clearfix">
        <div class="container">
            <div class="leftBar">
                <p>Copyright &copy; 2009-2015 hecha.cn All Rights Reserved. 闽ICP证：闽10202223-1号</p>
                <p>福建和茶网络科技有限公司 版权所有 并保留所有权利 禁止非法复制</p>
            </div>
            <div class="rightBar">
                <img src="../images/fot_ico1.png" alt="">
                <img src="../images/fot_ico2.png" alt="">
            </div>
        </div>
    </div>
</section>


<!---==========================================侧边栏=================================-->
<section class="sidebar">
    <ol>

        <li>
            <a class="closed" href="javascript: void (0)"><img src="../images/ico6.png" alt="close"/></a>
            <a class="return" href="javascript: void (0)"><img src="../images/ico5.png" alt="top"/>顶部</a>
        </li>

        <li class="vip">
            <a href="javascript: void (0)"><img src="../images/ico0.png" alt="vip"/>会员</a>
            <div class="sidebar-login">
                <form>
                    <h3 class="clearfix">
                        <strong>用户登录</strong>
                        <em><a href="javascript: void (0)">新用户注册</a></em>
                    </h3>
                    <div class="login-user">
                        <label for="username">用户名</label>
                        <input type="text" id="username"/>
                        <i>手机/邮箱</i>
                    </div>
                    <div class="login-password">
                        <label for="password">密码</label>
                        <input type="password" id="password"/>
                        <i><a href="javascript: void (0)">找回密码</a></i>
                    </div>
                    <input type="submit" value="用户登录"/>
                    <h6>您还可以使用合作网站账号登录：</h6>
                    <div class="login-ways">
                        <a href="javascript: void (0)">支付宝</a>
                        <a href="javascript: void (0)">新浪微博</a>
                        <a href="javascript: void (0)">QQ</a>
                        <a href="javascript: void (0)">微信登录</a>
                    </div>
                </form>
            </div>
        </li>
        <li><a href="javascript: void (0)"><strong id="rcart">0</strong><img src="../images/ico3.png" alt="cart"/></a></li>
        <li><a class="seen" href="javascript: void (0)"><img src="../images/ico1.png" alt="seen"/>看过</a></li>
        <li><a class="sort" href="javascript: void (0)"><img src="../images/ico2.png" alt=""/>收藏</a></li>
    </ol>
    <div class="showbar"><a href="javascript: void (0)"><img src="../images/ico7.png" alt=""/></a></div>
</section>

<!--==========================================手机版的返回顶部============================-->
<a class="return top_btn" href="javascript: void (0)"><img src="../images/ico5.png" alt="top"/></a>



<script src="../scripts/jquery-1.11.1.min.js"></script>
<script src="../scripts/bootstrap.min.js"></script>
<script src="../scripts/main.js"></script>
</body>
</html>